﻿@media screen and (max-width:768px){
	#leftcnt, #rightcnt, #page-left, #logo img, .blocksDroite, .block_2img_programmeIntegral, #landingT_container_logo .header .pertedepoids, #landinT_container_bleu #landingT_container_form .temoignage_aurelie, #landinT_container_bleu #landingT_container_form .femmes_dosados, #landingM_container_logo .header .pertedepoids, #landinM_container_bleu #landingM_container_form .temoignage_mixte, #landinM_container_bleu #landingM_container_form .mixte_dosados, #ombre_sep {display:none;}
	#page, #page-right, #top, #page-content, .page-form-introbackground, #formulaire-titre, .formuaire-silhoutte img, #footer-center, #footer-center img, #footer #footer-content, #footer #footer-content, #footer #footer-content #copyright, #landingT_container_logo .header, #landinT_container_bleu #landingT_container_form, #landingM_container_logo .header, #landinM_container_bleu #landingM_container_form, .Frise_Engagements, .Frise_Engagements img{width:100%;}
	#page, #top{padding:0;}
	#baseline{padding:0;}
	#baseline #baseline-ruler{float:none; width:256px; margin:auto;}
	#logo{
		width:400px; 
		float:none; 
		overflow:hidden; 
		display:block; 
		margin:auto; 
		background:url("../../../log/views/img/logonew.png");
	}
	#page-content{padding:0;}

	/* Page presse */ 
	#page_presse #left_content.blockhomeresp {width:545px; float:none; margin:auto; padding:0px;}
	#page_presse .right_content.blockhomeresp2 {margin:auto; float:none; width:329px;}
	#page_presse #left_content .item {width:auto;}

	#page_presse #left_content .item .infos_item {width:auto; float:none;}
	#page_presse #left_content .item .img_item {float:none; margin:auto; margin-bottom: 20px;}
	#page_presse #left_content #contact_presse{margin-bottom: 10px;}
	/* Fin Page presse */ 

	#page-form-intro2, .reponse-bilan-block , .reponse-bilan-block .email form{float:none; width:auto;}
	
	.content-border{
		width:94%;
		margin:auto;
	}
	
	.formuaire-silhoutte{
		float:none; margin:0; display:inline-block;
		width:32%;
	}
	.form-q-small-f,
	.form-q-normal-f,
	.form-q-large-f,
	.form-q-ultralarge-f,
	.form-q-small-h,
	.form-q-normal-h,
	.form-q-large-h,
	.form-q-ultralarge-h{
		font:bold 12px Arial;
		line-height:22px;
		height:auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.form-q-small-f,
	.form-q-normal-f,
	.form-q-large-f,
	.form-q-ultralarge-f{
		background-color:#DF4D7C;
	}
	
	.form-q-small-h,
	.form-q-normal-h,
	.form-q-large-h,
	.form-q-ultralarge-h{
		background-color:#9D9D9D;
	}
	
	.warning_question{font-size:12px;}
	.formulaire-answer .formulaire-answer-txt,
	.formulaire-answer .formulaire-answer-txt label{
		font-size:10px;
		float:none;
	}
	
	.formulaire-submit-suite1,
	.formulaire-submit-suite2,
	.formulaire-submit-suite3,
	.formulaire-submit-suite4{
		display:block;
		margin:auto;
	}
	
	/* spécifique aux landings : temoignage | mixte */
	#landinT_container_bleu #landingT_container_form,
	#landinM_container_bleu #landingM_container_form 	{
		background:none;
	}
	
	#landinT_container_bleu #landingT_container_form .femmes_dosados_1014{display:none;}
	#landinT_container_bleu #landingT_container_form .femmes_dosados{display:none;}
	#landinT_container_bleu #landingT_container_form .sticker_code{display:none;}
	#landinT_container_bleu #landingT_container_form .carnetrecettes_1014{display:none;}
	
	
	#footer_txt{width:96%}
	/* fin spécifique à la landing temoignage */
	
}
/* spécifique à la landing temoignage */
@media screen and (max-width:550px){
	.Frise_Engagements, .Frise_Engagements img{display:none;}
}

@media screen and (max-width:545px){
	/* Page presse */ 
	#page_presse #left_content.blockhomeresp {margin:auto; float:none; width:95%;}
	#page_presse .right_content.blockhomeresp2 {margin:auto; float:none; width:329px;}
	/* Fin Page presse */ 
}
@media screen and (max-width:440px){
	
	#landinT_container_bleu #landingT_container_form #landingT_form,
	#landinT_container_bleu #landingT_container_form #landingT_form .accroche_form,
	#landinT_container_bleu #landingT_container_form #landingT_form form,
	#landinM_container_bleu #landingM_container_form #landingM_form,
	#landinM_container_bleu #landingM_container_form #landingM_form .accroche_form,
	#landinM_container_bleu #landingM_container_form #landingM_form form{
		width:100%;
		height:auto;
	}
	
	#landingT_form .line_form,
	#landingM_form .line_form{
		float:none;
	}
	
	#landingT_form .line_form.elem1,
	#landingM_form .line_form.elem1{
		width:100%;
		height:auto;
		text-align:center;
		padding-top:10px;
	}
	
	#landingT_form .line_form label,
	#landingM_form .line_form label{
		line-height:1.0;
		font-size:16px;
	}
	
	#landingT_form .line_form.elem2,
	#landingM_form .line_form.elem2{
		width:100%;
		height:auto;
		text-align:center;
		margin-bottom:10px;
	}
	
	#landingT_form .line_form .champ_text,
	#landingM_form .line_form .champ_text{
		font-size:16px;
		height:20px;
	}
	
	#landinT_container_bleu #landingT_container_form #landingT_form form,
	#landinM_container_bleu #landingM_container_form #landingM_form form{
		background-image:none;
		background-color:#EDEDED;
	}
	
	#landingT_container_logo img.logoMCM,
	#landingM_container_logo img.logoMCM{
		width:86.36%;
		height:auto;
		margin:0 6.82%;
	}
	
	#landingT_form .btn_valider,
	#landingM_form .btn_valider{
		display:block;
		width:100%;
		height:auto;
		
		position:relative; 
		bottom:-7px; 
		left:0;
	}
	
	.pp_default, .pp_content {
		width:100%!important;
		height:auto;
	}
	
	.pp_content .tx{
		font-size:11px;
	}
	
}
/* fin spécifique à la landing temoignage */

@media screen and (max-width:491px){
	.formulaire-submit-suite4{
		width:100%;
		height:auto;
	}
}

@media screen and (max-width:452px){
	.formulaire-submit-suite2{
		width:100%;
		height:auto;
	}
}

@media screen and (max-width:416px){

	.titre_bilan .wrapperBilan{
		font-size:30px;
	}
	
	.titre_bilan .wrapperEtape{
		font-size:25px;
	}

	#reponse-block-ok{
		width:98.81%;
		margin:0;
	}
	
	#page-form-intro2{
		padding:1.19%;
	}
	
	#page-form-intro-content{
		padding:0;
	}
	
	#top{height:auto;}
	
	#logo{
		width:100%;
		float:none;
		height:auto;
		overflow:hidden; 
		display:block; 
		margin:auto;
		padding-bottom:10px;
		background:none;
	}
	#logo img{
		display:block;
		width:100%; 
	}
}
@media screen and (max-width:271px){
	.titre_bilan .wrapperBilan{
		font-size:25px;
	}
	
	.titre_bilan .wrapperEtape{
		font-size:20px;
	}
}